Reesenews.views.StaticMenuBar = new Ext.Toolbar({
    dock: 'bottom',
    layout: { pack: 'center' },
    defaults: { iconMask: true, ui: 'plain' },
    items: [
    {
        title: 'Home',
        iconCls: 'icnHome',
        handler: function () {
        	Ext.dispatch({
                controller: Reesenews.controllers.articleController,
                action: 'index'
            });    
        }
	},
	{
        title: 'Categories',
        iconCls: 'icnCategories',
        handler: function(){
            if (!this.actions) {
                this.actions = new Ext.ActionSheet({
                    items: [{
                        text: 'Home',
                        scope: this,
                        handler: function(){
                        	this.actions.hide();
                        	Ext.dispatch({
                                controller: Reesenews.controllers.articleController,
                                action: 'index'
                            }); 
                        }
                    },{
                        text: 'Campus',
                        scope: this,
                        handler: function(){
                        	this.actions.hide();
                        	Ext.dispatch({
                                controller: Reesenews.controllers.articleController,
                                action: 'campus'
                            });
                        }
                    },{
                        text: 'Town',
                        scope: this,
                        handler: function(){
                        	this.actions.hide();
                        	Ext.dispatch({
                                controller: Reesenews.controllers.articleController,
                                action: 'town'
                            });
                        }
                    },{
                        text: 'Sport',
                        scope: this,
                        handler: function(){
                        	this.actions.hide();
                        	Ext.dispatch({
                                controller: Reesenews.controllers.articleController,
                                action: 'sports'
                            });
                        }
                    },{
                        text: 'Tech',
                        scope: this,
                        handler: function(){
                        	this.actions.hide();
                        	Ext.dispatch({
                                controller: Reesenews.controllers.articleController,
                                action: 'tech'
                            });
                        }
                    },{
                        text: 'Cancel',
                        scope: this,
                        handler : function(){
                            this.actions.hide();
                        }
                    }]
                });
            }
            this.actions.show();
        }
    },
    {
        title: 'Submit',
        iconCls: 'icnSubmit',
        handler: function () {
        	Ext.dispatch({
                controller: Reesenews.controllers.articleController,
                action: 'submit'
            });    
        }
    },
    {
        title: 'About',
        iconCls: 'icnAbout',
        handler: function () {
            Ext.dispatch({
                controller: Reesenews.controllers.articleController,
                action: 'about'
            });    
        }
    }],
});